import React from 'react'
import {Link, IndexLink} from 'react-router'

export default React.createClass({
  render() {
				//<li><IndexLink to="/" activeClassName="active">index link</IndexLink></li>
    return <div>
		  <h1>Hello, React Router!</h1>
			<p>index route "/" has no component</p>
			<ul>
				<li><Link to="/index" activeClassName="active" >index link</Link></li>
				<li><Link to="/about" activeClassName="active">about</Link></li>
				<li><Link to="/repos" activeClassName="active">repos</Link></li>
				<li><Link to="/context" activeClassName="active">context</Link></li>
				<div className="container">
				  {this.props.children}
				</div>
			</ul>
		</div>
  }
})
